﻿/* common style
---------------------------*/
* { padding: 0; margin: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { font-family: arial, helvetica, georgia, sans-serif; color: #222222; background: #fff; line-height: 1.5; }
p { line-height: 1.2em; }
a:link, a:focus, a:active { text-decoration: none; font-size: 9pt; border: 0; }
a:hover { text-decoration: none; outline: 0 none; }
a img { border: none; }
a { text-decoration: none}
h1 { font-family: arial, georgia, 'times new roman' ,times,serif; font-size: 1.5em; font-weight: 700; }
h2, h3, h4 a, h5 a { line-height: 1.5em; }
h2 { font-weight: 700; }
.clear_fix { clear: both; height: 0px; }
.bold { font-weight: bold; }
.font_size_9px { font-size: 9px; }
.font_size_10px { font-size: 10px; }
.font_size_11px { font-size: 11px; }
.font_size_12px { font-size: 12px; }
.font_size_13px { font-size: 13px; }
.font_size_14px { font-size: 14px; }
/* main style
---------------------------*/
#wrapper, #footer, #main_content, #navFooter, #header_inner { width: 1000px; margin: 0 auto; height: auto; }
#header { width: 100%; background: url(../Images/header_bg.png) repeat-x top left; height: 267px; }
#header #header_inner { overflow: hidden; }
#header #header_inner #left_col { float: left; width: 239px; }
#header #header_inner #right_col { float: right; width: 761px; }
#header #header_inner #right_col #top { overflow: hidden; height: 35px; }
#header #header_inner #right_col #middle { clear: both; overflow: hidden; margin-top: 0px; margin-left: 1px; }
#header #header_inner #right_col #bottom { clear: both; }
#header #header_inner #left_col #logo_area { float: left; background: url(../Images/header_logo_bg.png) repeat-x top left; width: 240px; height: 267px; }
#header #header_inner #left_col #logo_area #current_date { color: #fff; font: 10px Arial; padding: 10px 0; text-align: center; text-transform: uppercase; background: url("../Images/logo_area_separator.png") no-repeat scroll left 32px transparent; }
#header #header_inner #left_col #logo_area #logo { height: 105px; width: 239px; }
#header #header_inner #left_col #logo_area #quick_search_box { width: 239px; text-align: center; }
#header #header_inner #left_col #logo_area #quick_search_box .keyword { width: 177px; padding: 2px 15px; border: none; color: #838488; font: normal 12px Arial; }
#header #header_inner #left_col #logo_area #quick_search_box select { width: 207px; padding: 1px 1px 1px 12px; border: none; color: #838488; font: normal 12px Arial; }
#header #header_inner #left_col #logo_area #quick_search_box .search_button { height: 14px; padding: 3px 10px; background: #206701; color: #fff; border: none; cursor: pointer; font: normal 12px Arial; margin: 2px 16px; float: right; }
#header #header_inner #right_col #top ul#header_top { float: left; margin-top: 3px; margin-left: 30px; }
#header #header_inner #right_col #top ul#header_top li { display: inline; margin-right: 19px; background: url(../Icons/arrow_1.png) no-repeat left 6px; padding-left: 18px; }
#header #header_inner #right_col #top ul#header_top li a { font: bold 10px Arial; color: #e90000; text-transform: uppercase; text-decoration: none; }
#header #header_inner #right_col #top #google_yahoo_authen { float: right; color: #848388; font: normal 12px Arial; margin-top: 10px; }
#header #header_inner #right_col #middle .adsBanner { width: 252px; float: left; border-left: 1px solid #FFFFFF; height: 155px; }
#header #header_inner #right_col #middle .adsBanner:last-child { border-right: 1px solid #FFFFFF; }
#header #header_inner #right_col #bottom ul#mainNav { height: 25px; padding: 7px 0px 0px 10px; text-align: center; }
#header #header_inner #right_col #bottom ul#mainNav li { padding:8px;display: inline; background: url(../Images/main_nav_separator.png) no-repeat right -1px}
#header #header_inner #right_col #bottom ul#mainNav li a { font-size: 11px; color: #fff; text-transform: uppercase; padding: 10px 14px; text-decoration:none; }
#header #header_inner #right_col #bottom ul#mainNav li a:hover { text-decoration: underline; }
#footer { margin-top: 15px; float:left }
#footer ul#navFooter { background: #257600; height: 15px; padding: 5px 0 15px; text-align: center; }
#footer ul#navFooter li { display: inline; }
#footer ul#navFooter li.separator { padding: 0px; color: #fff; }
#footer ul#navFooter li a { font-size: 11px; color: #fff; text-transform: uppercase; padding: 0 14px 0px; }
#footer ul#navFooter li a:hover { text-decoration: underline; }
#footer ul#adsFooter { margin-top: 10px; }
#footer ul#adsFooter li { display: inline; margin-right: 19px; }
#footer ul#adsFooter li:last-child { margin-right: 0px; }
#footer ul#adsFooter li img { border: 1px solid #e2e2e2; padding: 1px; width: 75px; height: 75px; }
#footer #footer_info { text-align: center; margin-top: 10px; }
#footer #footer_info p { line-height: 1.5em; }
#main_content { width:100%; float:left }
.ads_center { width:1000px; height:160px; float:left; margin-top:20px}
.ads_center .header {height:33px;width:100%;float:left;background-image:url(../images/red_bg.png);background-repeat:no-repeat;border-bottom:2px solid #fe0911;margin-bottom:5px}
.ads_center .header span {font-size:12px;text-transform:uppercase;font-weight:bold;float:left;margin:10px 0 10px 20px}
.ads_center img {text-align:center;width:1000px;height:120px;margin:0 auto}

#example-one { float:left;  margin-top:20px; width:525px }
#example-one .list-wrapper{-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; overflow:hidden; padding:30px 0 15px 0 }
#example-one .list-wrap{-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;margin-left:7px; }
#example-one .list-wrap .folder { width:257px; float:left }
#example-one .list-wrap .even {border-right:1px dotted #c0c0c0}
#example-one .list-wrap .bottom {border-bottom:1px dotted #c0c0c0}
#example-one .list-wrap .folder a { font-weight:700; color:#000; background:none; padding:0; line-height:15px;margin-top:15px }
#example-one .list-wrap .folder img { border:1px solid #000; float:left; margin:15px 0 }
#example-one .list-wrap .folder img.even { border:1px solid #000; float:left; margin:15px 0; margin-left:7px }
#example-one .list-wrap .folder p { width:175px; float:left; margin:0 0 0 10px;font-size:9pt }
#example-one .list-wrap .folder .red { color:#e20001; font-weight:700 }
#example-one .nav { overflow: hidden; border-bottom:2px solid #288802}
#example-one .nav li { width: 129px; float: left; margin: 0 2px 0 0;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; color: #288802; font-size: 10px; text-align: center; border: 0; height:24px;  background-image:url(../images/white_tab.png); font-size:12px;text-transform: uppercase;font-weight:bold;background-repeat:no-repeat;background-position:center;text-decoration:none}
#example-one .nav li a:hover { background-image:url(../images/green_tab.png); color:#fff}

#example-one ul { list-style: none; float:left;  margin-top:20px; width:525px}
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li a.current, #example-one ul li a:hover { background-image:url(../images/green_tab.png); color:#fff }

.box_tab { float:left; width:525px }
.menu { padding: 0; clear: both; overflow: hidden; border-bottom:2px solid #288802; width:525px; margin-top:20px; float:left }
.menu li { display: inline; width: 129px; float: left; margin: 0 2px 0 0; }
.menu li a { display: block; padding: 5px; color: #288802; font-size: 10px; text-align: center; border: 0; height:24px;  background-image:url(../images/white_tab.png); font-size:12px;text-transform: uppercase;font-weight:bold;background-repeat:no-repeat;background-position:center;text-decoration:none}
.menu li.active a { background-image:url(../images/green_tab.png); color:#fff }
.menu li a:hover { background-image:url(../images/green_tab.png); color:#fff}
.pink {border-bottom:2px solid #ff0a12;}
.pink li a {color:#ff0a12}
.pink li.active a { background-image:url(../images/red_bg.png); color:#fff }
.pink li a:hover { background-image:url(../images/red_bg.png); color:#fff}
.content { -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; overflow:hidden; padding:0px 0 15px 0; width:525px  }
.content .folder { width:257px; float:left }
.content .even {border-right:1px dotted #c0c0c0}
.content .bottom {border-bottom:1px dotted #c0c0c0}
.content .folder a { font-weight:700; color:#000; background:none; padding:0; line-height:15px;margin-top:15px; float:left }
.content .folder img { border:1px solid #000; float:left; margin:15px 0 }
.content .folder img.even { border:1px solid #000; float:left; margin:15px 0; margin-left:7px }
.content .folder p { width:175px; float:left; margin:0 0 0 10px;font-size:9pt }
.content .folder .red { color:#e20001; font-weight:700 }

.big-sidebar { width:300px; float:left; margin-left:10px; margin-top:20px}


.thoitiet {background: url("../Images/thoitiet2.png") repeat-x scroll left bottom transparent;height: 233px;position: relative;text-align: left;width: 306px;float:left;left:-3px}
.tt-anh1 {height: 50px;left: 13px;position: absolute;top: 45px;width: 145px;}
.tt-anh1 span.tt-title, .tt-anh2 span.tt-title, .tt-anh3 span.tt-title {background-image: url("../Images/dt-relatednews-li.png");background-position: 0 6px;background-repeat: no-repeat;color: #666666;font-size: 11px;font-weight: bold;padding-left: 10px;}
.tt-anh1 span.tt-temp, .tt-anh2 span.tt-temp, .tt-anh3 span.tt-temp {color: #144878;font-size: 18px;font-weight: bold; float:right; margin-right:60px}
.tt-step1 {height: 5px;left: 4px;position: absolute;top: 97px;width: 100px;}
.tt-anh2 {height: 50px;left: 13px;position: absolute;top: 107px;width: 145px;}
.tt-anh3 {height: 52px;left: 13px;position: absolute;top: 169px;width: 145px;}
.tygiangoaite, .giavang, .lichphatsong, .kqsoxo {display: block;font-size: 12px;height: 19px;left: 185px;padding: 4px 0 0 2px;position: absolute;top: 12px;width: 104px;}
.tt-step2 {height: 5px;left: 4px;position: absolute;top: 159px;width: 100px;}
.giavang, .kqsoxo {background: none repeat scroll 0 0 #F0F0F0;}
.giavang {font-size: 12px;top: 38px;}
.vote { width:300px; float:left; margin-top:10px}
.vote .header {height:36px;width:300px;background-image:url(../images/vote_header.png);border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
.vote_content {width:270px;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;height:200px;background-image:url(../images/vote_bg.png);padding:20px 15px}
.vote_content p.question { color:#0c4698;font-size:9pt;font-weight:700 }
.vote_content label { color:#000; font-size:9pt; float:left; margin-top:5px; margin-left:10px }
.vote_content input { border:1px solid #c0c0c0; float:left; margin-top:7px}
.small-sidebar { width:160px; float:left; margin-left:5px; margin-top:20px}
.small-ads { width:160px; float:left }
.small-ads img { width:160px; float:left;margin-bottom:10px}

.featured_news { width:258px; float:left; margin-left:8px;padding-right:8px; border-right:1px dotted #c0c0c0 }
.featured_news .header {border-bottom:3px solid #206701}
.featured_news .header span { text-transform:uppercase; font-size:10pt; color:#206701; font-weight:700 }
.featured_news .folder { width:258px;float:left }
.featured_news .folder a { font-weight:700; color:#000; background:none; padding:0; line-height:15px;margin-top:10px;float:left }
.featured_news .folder img { border:1px solid #000; float:left; margin:10px 10px 10px 0 }
.featured_news .folder p { width:160px; float:left; font-size:9pt }
.featured_news .folder .red { color:#e20001; font-weight:700 }
.featured_news .bottom {border-bottom:1px dotted #c0c0c0}
.bit_box { -moz-box-shadow: 0 0 5px #666666; width:255px; height:255px; -webkit-border-radius: 10px; -moz-border-radius: 10px; float:left; margin-left:9px }
.bit_box .header { background-color:#ededed; overflow:hidden }
.bit_box .header span { font-weight:700; margin-left:15px; float:left; font-size:10pt; text-transform:uppercase; padding:3px }
.content_block { width:100%; float:left; overflow:hidden; margin-top:15px }

.tdyk-submit {padding: 10px 0;}
.clearfix {display: block;width: 100%;}
.tdyk-submit a {background: url("../Images/tdyk-button.png") no-repeat scroll left top transparent;display: block;float: left;height: 19px;text-indent: -500em;width: 76px;}
.tdyk-submit a.tdyk-xkq {background-position: -76px top;margin-left: 6px;width: 88px;}

.news_box { width:100%;margin:20px 8px 0 8px;float:left;border-bottom:1px dotted #c0c0c0; font-size:10pt }
.news_box .thumb_img { border:2px solid #000; float:left;margin-right:15px }
.news_box p {width:510px}
.news_box p a {color:#329006; font-weight:700}
.news_box ul { width:100%;float:left; margin:10px 0; color:#329006}
.news_box ul li a {color:#000}

/* Begin Search */
.searchResult { width: 478px; }
.searchResult .folder { margin-bottom: 10px; padding: 0 11px; width: auto; }
.searchResult .folder .thumb_img { border: 1px solid #A5A5A5; height: 100px; margin-right: 8px; margin-top: 2px; }
.searchResult .folder p { margin-bottom: 5px; margin-top: 0; padding: 0; }
/* End Search */

/* begin news */
.list_news { width: 520px; padding-right: 5px; }
.list_news .folder { width: 100%; overflow: hidden; border-bottom: 1px dotted #02304a; margin-top: 10px; }
.list_news .folder a { font-weight: 700; color: #347d12; background: none; padding: 0; line-height: 1.2em; margin-top: 10px; }
.list_news .folder .thumb_img { border: 2px solid #232122; float: left; margin: 3px 10px 15px 0; width: 146px; height: 94px; }
.list_news .folder:first-child .thumb_img { border: 3px solid #232122; float: left; margin: 3px 10px 15px 0; width: 233px; height: 156px; }
.list_news .folder:first-child a { font-weight: 700; color: #347d12; background: none; padding: 0; line-height: 1.2em; margin-top: 10px; font-size: 16px; }
.list_news .folder p { font-size: 9pt; }
.list_news .folder ul.related_news {padding:0;margin:0;}
.list_news .folder ul.related_news li {display:block;line-height:1.2em;}
.list_news .folder ul.related_news li a {color:#257400;font-weight:normal;}
.list_news .folder .view_detail a {color:#257400;margin-bottom:10px;float:right;}
/* end news */

/* begin pager */
.pagerContainer { padding-top: 10px; text-align: center; width: auto; }
.pagerLink { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AABBDD; color: #003399; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 1px; padding: 5px; text-decoration: none; }
.pagerPrev { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AABBDD; color: #003399; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 1px; padding: 5px; text-decoration: none; }
.pagerFirstLink { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AABBDD; color: #003399; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 1px; padding: 5px; text-decoration: none; }
.pagerNext { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AABBDD; color: #003399; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 1px; padding: 5px; text-decoration: none; }
.pagerLastLink { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AABBDD; color: #003399; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 1px; padding: 5px; text-decoration: none; }
.pagerCurrentLink { background: none repeat scroll 0 0 #008AE6; border: 1px solid #FFFFFF; color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: bold; padding: 5px; text-decoration: none; }
.pagerPageViewing { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AABBDD; color: #003399; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 1px; padding: 5px; text-decoration: none; }
/* end pager */

/* begin box item */
.box_item {width:286px;background:#206701;}
.box_item .title {text-transform:uppercase;color:#fff;font-weight:bold;font-size:12px;padding:8px 10px;}
.box_item ul.list_item {padding:7px;background:#f6f6f6;list-style-type:none;border:1px solid #b1b1b1;}
.box_item ul.list_item li {background:url("../icons/list_item.png") no-repeat scroll left 9px transparent;padding-left:10px;}
.box_item ul.list_item li a {color:#323232;font-size:12px;font-weight:bold;}
.box_item ul.list_item li a:hover {text-decoration:underline;}
/* end box item */